// pages/goods/search/index.js
import {
  nlist
} from '../../../api/shop'
import {
  list as scenicSpot
} from '../../../api/scenicSpot'
import {
  list as productList
} from '../../../api/product'
import {
  list as chefList
} from '../../../api/chef'
import {
  articleList
} from '../../../api/article'
import util from '../../../utils/util'
import {
  billFareCategory,
  billFareList
} from '../../../api/billFare'
import {
  list,
  getArea
} from '../../../api/scenicSpot'
let app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    number: 1,
    index: 1,
    pageNum: 1,
    seachTitle: '',
    // number1:[],
    // number2:[],
    // number3:[],
    // number4:[],
    // number5:[],
    // histotylist:[],
    searchList: [],
    list: [],
    // headershow:true,
    searchwidth: "",
    searchheight: "",
    settingheight: '',
    asd: "",
    seachText: "搜索名店",
  },
  // clear(){
  //   var _this=this
  //   if(this.data.number == 1){
  //     wx.removeStorage({
  //       key: 'number1',
  //       success (res) {
  //         console.log(res)

  //         _this.data.histotylist=[]
  //         _this.data.number1=[]
  //         _this.setData({
  //           histotylist:  _this.data.histotylist,
  //           number1:_this.data.number1
  //         })
  //       }
  //     })

  //   }else if(this.data.number == 2){
  //     wx.removeStorage({
  //       key: 'number2',
  //       success (res) {
  //         console.log(res)
  //         this.data.histotylist=[]
  //     this.data.number2=[]
  //     this.setData({
  //       histotylist:  this.data.histotylist,
  //       number2:this.data.number2
  //     })
  //       }
  //     })


  //   }else if(this.data.number == 3){
  //     wx.removeStorage({
  //       key: 'number3',
  //       success (res) {
  //         console.log(res)
  //         this.data.histotylist=[]
  //         this.data.number3=[]
  //         this.setData({
  //           histotylist:  this.data.histotylist,
  //           number3:this.data.number3
  //         })
  //       }
  //     })

  //   }else if(this.data.number == 4){
  //     wx.removeStorage({
  //       key: 'number4',
  //       success (res) {
  //         console.log(res)
  //         this.data.histotylist=[]
  //         this.data.number4=[]
  //         this.setData({
  //           histotylist:  this.data.histotylist,
  //           number4:this.data.number4
  //         })
  //       }
  //     })

  //   }else if(this.data.number == 5){
  //     wx.removeStorage({
  //       key: 'number5',
  //       success (res) {
  //         console.log(res)
  //         this.data.histotylist=[]
  //         this.data.number5=[]
  //         this.setData({
  //           histotylist:  this.data.histotylist,
  //           number5:this.data.number5
  //         })
  //       }
  //     })

  //   }

  // },
  // bindinput(e){
  //   var _this=this
  //   this.data.seachTitle = e.detail.value
  //   if( this.data.seachTitle==""){
  //     this.data.headershow=true
  //     this.data.searchList=[]
  //     this.setData({
  //       headershow:this.data.headershow,
  //       searchList:this.data.searchList
  //     })
  //     if (this.data.number == 1) {
  //       wx.getStorage({
  //         key: 'number1',
  //         success (res) {
  //           _this.data.histotylist=res.data
  //           _this.data.number1= _this.data.histotylist

  //           _this.setData({
  //             histotylist: _this.data.histotylist
  //           })

  //         }
  //       })
  //     } else if (this.data.number == 2) {
  //       wx.getStorage({
  //         key: 'number2',
  //         success (res) {
  //           _this.data.histotylist=res.data
  //           _this.data.number2= _this.data.histotylist
  //           _this.setData({
  //             histotylist: _this.data.histotylist
  //           })

  //         }
  //       })
  //     } else if (this.data.number == 3) {
  //       wx.getStorage({
  //         key: 'number3',
  //         success (res) {
  //           _this.data.histotylist=res.data
  //           _this.data.number3= _this.data.histotylist
  //           _this.setData({
  //             histotylist: _this.data.histotylist
  //           })

  //         }
  //       })
  //     } else if (this.data.number == 4) {
  //       wx.getStorage({
  //         key: 'number4',
  //         success (res) {
  //           _this.data.histotylist=res.data
  //           _this.data.number4= _this.data.histotylist
  //           _this.setData({
  //             histotylist: _this.data.histotylist
  //           })

  //         }
  //       })
  //     } else if (this.data.number == 5) {
  //       wx.getStorage({
  //         key: 'number5',
  //         success (res) {
  //           _this.data.histotylist=res.data
  //           _this.data.number5= _this.data.histotylist
  //           _this.setData({
  //             histotylist: _this.data.histotylist
  //           })

  //         }
  //       })
  //     }
  //   }
  // },
  // select(e) {
  //   var _this=this
  //   this.data.pageNum=1
  //   this.data.searchList=[]

  //   wx.showLoading({
  //     title: '加载中',
  //     mask:true
  //   })
  //   this.setData({
  //     number: e.currentTarget.dataset.index
  //   })
  //   setTimeout(function () {
  //     wx.hideLoading()
  //   }, 1000)
  //   if (this.data.number == 1) {
  //     wx.getStorage({
  //       key: 'number1',
  //       success (res) {
  //         _this.data.histotylist=res.data
  //         _this.data.number1= _this.data.histotylist
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })

  //       },fail(error){
  //         _this.data.histotylist=[]
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })
  //       }
  //     })
  //     // this.loadProduct()
  //   } else if (this.data.number == 2) {
  //     wx.getStorage({
  //       key: 'number2',
  //       success (res) {
  //         console.log(res.data);
  //         _this.data.histotylist=res.data
  //         _this.data.number2= _this.data.histotylist
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })

  //       },fail(error){
  //         _this.data.histotylist=[]
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })
  //       }
  //     })
  //     // this.loadChef()
  //   } else if (this.data.number == 3) {
  //     wx.getStorage({
  //       key: 'number3',
  //       success (res) {
  //         console.log(res.data);
  //         _this.data.histotylist=res.data
  //         _this.data.number3= _this.data.histotylist
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })

  //       },fail(error){
  //         _this.data.histotylist=[]
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })
  //       }
  //     })
  //     // this.loadScenicSpot()
  //   } else if (this.data.number == 4) {
  //     wx.getStorage({
  //       key: 'number4',
  //       success (res) {
  //         console.log(res.data);
  //         _this.data.histotylist=res.data
  //         _this.data.number4= _this.data.histotylist
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })

  //       },fail(error){
  //         _this.data.histotylist=[]
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })
  //       }
  //     })
  //     // this.loadHot()
  //   } else if (this.data.number == 5) {
  //     wx.getStorage({
  //       key: 'number5',
  //       success (res) {
  //         console.log(res.data);
  //         _this.data.histotylist=res.data
  //         _this.data.number5= _this.data.histotylist
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })

  //       },fail(error){
  //         _this.data.histotylist=[]
  //         _this.setData({
  //           histotylist: _this.data.histotylist
  //         })
  //       }
  //     })
  //     // this.loadNote()
  //   }


  // },
  getAreas() {
    let _currentAreaId = app.globalData.areaId
    getArea(350300).then(res => {
      this.setData({
        title: [{
          name: "全部",
          id: ''
        }, ...res.data]
      })
      this.loadList(this.data.title[0].id)
    })
  },
  loadList(data) {
    list({
      areaId: data,
      lat: app.globalData.lat,
      lng: app.globalData.lng,
      pageNum: this.data.pageNum,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        item.distance = util.rateConverter(item.distance * 1000)
        item.thumbnail = util.thumbnail(item.thumbnail, 172, 166)
        if (util.isNull(item.love)) {
          item.love = 0
        }
        if (!util.isNull) {
          item.score = item.score.toFixed(1)
        } else {
          item.score = 0
          item.score = item.score.toFixed(1)
        }
        this.data.searchList.push(item)
      })
      console.log("9999999999999999999999999999999999999999");
      console.log(this.data.searchList);
      // this.triggerEvent('getLvyouHeight')
      this.setData({
        searchList: this.data.searchList,
      })
    })
  },
  selectProduct(e) {
    wx.navigateTo({
      // url: `./details?id=${e.detail.id}`,
      url: `../../food/details?id=${e.detail.id}`
    })
  },
  select(e) {
    var _this = this
    this.data.pageNum = 1
    this.data.searchList = []

    wx.showLoading({
      title: '加载中',
      mask: true
    })
    this.setData({
      number: e.currentTarget.dataset.index
    })
    setTimeout(function () {
      wx.hideLoading()
    }, 1000)
    if (this.data.number == 1) {
      this.data.seachText = "搜索名店"
      this.setData({
        seachText: this.data.seachText
      })
      this.loadProduct()
    } else if (this.data.number == 2) {
      this.data.seachText = "搜索名厨"
      this.setData({
        seachText: this.data.seachText
      })
      this.loadChef()
    } else if (this.data.number == 3) {
      this.data.seachText = "搜索名菜"
      this.setData({
        seachText: this.data.seachText
      })
      //  this.loadScenicSpot()
      this.getBillFareList()
    } else if (this.data.number == 4) {
      this.data.seachText = "搜索热点"
      this.setData({
        seachText: this.data.seachText
      })
      this.loadHot()
    } else if (this.data.number == 5) {
      this.data.seachText = "搜索发现"
      this.setData({
        seachText: this.data.seachText
      })
      this.loadNote()
    } else if (this.data.number == 6) {
      this.data.seachText = "搜索旅游"
      this.setData({
        seachText: this.data.seachText
      })
      this.getAreas()
      // this.loadList()
    }



  },

  onPullDownRefresh() {
    wx.showNavigationBarLoading()
    setTimeout(() => {
      wx.hideNavigationBarLoading()
      this.data.pageNum = 1
      this.data.searchList = []
      if (this.data.number == 1) {
        this.loadProduct()
      } else if (this.data.number == 2) {
        this.loadChef()
      } else if (this.data.number == 3) {
        this.loadScenicSpot()
      } else if (this.data.number == 4) {
        this.loadHot()
      } else if (this.data.number == 5) {
        this.loadNote()
      }
      wx.stopPullDownRefresh()
    }, 1000);
  },
  onReachBottom() {
    this.data.pageNum += 1
    if (this.data.number == 1) {
      this.loadProduct()
    } else if (this.data.number == 2) {
      this.loadChef()
    } else if (this.data.number == 3) {
      // this.loadScenicSpot()
      this.getBillFareList()
    } else if (this.data.number == 4) {
      this.loadHot()
    } else if (this.data.number == 5) {
      this.loadNote()
    }
  },
  change(e) {
    this.setData({
      index: e.currentTarget.dataset.index
    })
  },
  loadProduct() {
    nlist({
      pageNum: this.data.pageNum,
      scopeType: 2,
      lat: app.globalData.lat,
      lng: app.globalData.lng,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        item.images = []
        item.score = item.score.toFixed(1)
        item.logo = util.thumbnail(item.logo, 187, 187)
        item.distance = util.rateConverter(item.distance * 1000)
        for (var i = 0; i < item.score; i++) {
          item.images.push('http://rzico.oss-cn-shenzhen.aliyuncs.com/dinnerBar/shouye/shouye-pingfen-yellow.png')
        }
        for (var k = item.images.length; k < 5; k++) {
          item.images.push('http://rzico.oss-cn-shenzhen.aliyuncs.com/dinnerBar/shouye/shouye-pingfen-gray.png')
        }
        this.data.searchList.push(item)
      })

      this.setData({
        searchList: this.data.searchList
      })
    })
  },
  loadChef() {
    nlist({
      scopeType: 3,
      lat: app.globalData.lat,
      lng: app.globalData.lng,
      pageNum: this.data.pageNum,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        item.logo = util.thumbnail(item.logo, 253, 155)
        this.data.searchList.push(item)
      })
      this.setData({
        searchList: this.data.searchList
      })
    })
  },
  loadScenicSpot() {
    scenicSpot({
      pageNum: this.data.pageNum,
      lat: app.globalData.lat,
      lng: app.globalData.lng,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        item.images = []
        for (var i = 0; i < item.score; i++) {
          item.images.push('http://rzico.oss-cn-shenzhen.aliyuncs.com/dinnerBar/shouye/shouye-pingfen-yellow.png')
        }
        for (var k = item.images.length; k < 5; k++) {
          item.images.push('http://rzico.oss-cn-shenzhen.aliyuncs.com/dinnerBar/shouye/shouye-pingfen-gray.png')
        }
        if (!util.isNull(item.score)) {
          item.score = item.score.toFixed(1)
        } else {
          item.score = 0
        }

        item.thumbnail = util.thumbnail(item.thumbnail, 187, 125)
        item.distance = util.rateConverter(item.distance * 1000)
        this.data.searchList.push(item)
        this.setData({
          searchList: this.data.searchList
        })
      })

    })
  },
  loadHot() {
    articleList({
      articleType: 1,
      pageNum: this.data.pageNum,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        item.thumbnail = util.thumbnail(item.thumbnail, 187, 125)
        item.createDate = util.datetime(item.createDate)
        this.data.searchList.push(item)
      })
      this.setData({
        searchList: this.data.searchList
      })
    })
  },
  loadNote() {
    articleList({
      articleType: 2,
      pageNum: this.data.pageNum,
      keyword: this.data.seachTitle
    }).then(res => {
      res.data.data.forEach(item => {
        if (util.isNull(item.hits)) {
          item.hits = 0
        }
        if (!util.isNull(item.thumbnail)) {
          item.thumbnail = util.thumbnail_cover(item.thumbnail, 350)
        }

        item.createDate = util.datetime(item.createDate)
        this.data.searchList.push(item)
      })
      this.setData({
        searchList: this.data.searchList
      })
    })
  },
  getBillFareList() {
    billFareList({
      pageNum: this.data.pageNum,
      keyword: this.data.seachTitle
    }).then(res => {
      console.log(res)
      res.data.data.forEach(item => {
        // item.love=util.rateConverter(item.love,0)
        item.thumbnail = util.thumbnail(item.thumbnail, 190, 190)
        this.data.searchList.push(item)
      })
      console.log(this.data.searchList)
      this.setData({
        searchList: this.data.searchList
      })
    })
  },
  // bindconfirmone() {
  //   var _this = this
  //   // this.getHistory()
  //   this.data.searchList=[]
  //   this.data.headershow=false
  //   this.setData({
  //    headershow:this.data.headershow,
  //   })
  //   if (this.data.number == 1) {
  //     this.data.number1.unshift(this.data.seachTitle)
  //     this.setData({
  //       number1: this.data.number1
  //     })
  //     wx.setStorage({
  //       key: "number1",
  //       data: _this.data.number1
  //     })
  //     this.loadProduct()
  //   } else if (this.data.number == 2) {
  //     this.data.number2.unshift(this.data.seachTitle)
  //     this.setData({
  //       number2: this.data.number2
  //     })
  //     wx.setStorage({
  //       key: "number2",
  //       data: _this.data.number2
  //     })
  //     this.loadChef()
  //   } else if (this.data.number == 3) {
  //     this.data.number3.ushift(this.data.seachTitle)
  //     this.setData({
  //       number3: this.data.number3
  //     })
  //     wx.setStorage({
  //       key: "number3",
  //       data: _this.data.number3
  //     })
  //     this.loadScenicSpot()
  //   } else if (this.data.number == 4) {
  //     this.data.number4.unshift(this.data.seachTitle)
  //     this.setData({
  //       number4: this.data.number4
  //     })
  //     wx.setStorage({
  //       key: "number4",
  //       data: _this.data.number4
  //     })
  //     this.loadHot()
  //   } else if (this.data.number == 5) {
  //     this.data.number5.unshift(this.data.seachTitle)
  //     this.setData({
  //       number5: this.data.number5
  //     })
  //     wx.setStorage({
  //       key: "number5",
  //       data: _this.data.number5
  //     })
  //     this.loadNote()
  //   }
  // },


  // bindconfirm(e) {
  //   var _this = this
  //   // this.getHistory()
  //   this.data.searchList=[]
  //   this.data.headershow=false
  //   this.setData({
  //    headershow:this.data.headershow,
  //   })
  //   if (this.data.number == 1) {
  //     this.data.number1.unshift(e.detail.value)
  //     this.setData({
  //       number1: this.data.number1
  //     })
  //     wx.setStorage({
  //       key: "number1",
  //       data: _this.data.number1
  //     })
  //     this.loadProduct()
  //   } else if (this.data.number == 2) {
  //     this.data.number2.unshift(e.detail.value)
  //     this.setData({
  //       number2: this.data.number2
  //     })
  //     wx.setStorage({
  //       key: "number2",
  //       data: _this.data.number2
  //     })
  //     this.loadChef()
  //   } else if (this.data.number == 3) {
  //     this.data.number3.unshift(e.detail.value)
  //     this.setData({
  //       number3: this.data.number3
  //     })
  //     console.log('这是number3');
  //     console.log( this.data.number3);
  //     wx.setStorage({
  //       key: "number3",
  //       data: _this.data.number3
  //     })
  //     this.loadScenicSpot()
  //   } else if (this.data.number == 4) {
  //     this.data.number4.unshift(e.detail.value)
  //     this.setData({
  //       number4: this.data.number4
  //     })
  //     wx.setStorage({
  //       key: "number4",
  //       data: _this.data.number4
  //     })
  //     this.loadHot()
  //   } else if (this.data.number == 5) {
  //     this.data.number5.unshift(e.detail.value)
  //     this.setData({
  //       number5: this.data.number5
  //     })
  //     wx.setStorage({
  //       key: "number5",
  //       data: _this.data.number5
  //     })
  //     this.loadNote()
  //   }
  // },
  bindconfirm(e) {
    var _this = this
    // this.getHistory()
    this.data.searchList = []

    if (this.data.number == 1) {
      this.loadProduct()
    } else if (this.data.number == 2) {
      this.loadChef()
    } else if (this.data.number == 3) {
      // this.loadScenicSpot()
      this.getBillFareList()
    } else if (this.data.number == 4) {
      this.loadHot()
    } else if (this.data.number == 5) {
      this.loadNote()
    } else if (this.data.number == 6) {
      this.loadList()
    }
  },
  removeHistory() {
    var _this = this
    wx.removeStorage({
      key: 'history',
      success(res) {
        _this.data.list = []
        _this.setData({
          list: _this.data.list
        })
      }
    })
  },
  navTo() {
    let p = getCurrentPages().length;
    if (p <= 1) {
      wx.switchTab({
        url: '/pages/index/index',
      })
    } else {
      wx.navigateBack({
        delta: 1
      })
    }
  },
  setNavSize: function () {
    var that = this,
      sysinfo = wx.getSystemInfoSync(),
      statusHeight = sysinfo.statusBarHeight,
      isiOS = sysinfo.system.indexOf('iOS') > -1,
      navHeight;
    if (!isiOS) {
      navHeight = 48;
    } else {
      navHeight = 44;
    }
    that.setData({
      status: statusHeight,
      navHeight: navHeight
    })
  },
  getHistory() {
    var _this = this;
    wx.getStorage({
      key: 'history',
      success: function (res) {
        console.log(res)
        _this.data.list = res.data
        _this.setData({
          list: _this.data.list,
        })
      }
    })
  },
  getHeadweHeight() {
    let height = this.data.status + this.data.navHeight
    return height
  },
  properties: {
    goback: {
      type: String,
      value: '',
    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var _this = this;
    if (!util.isNull(options.id)) {
      this.data.number = options.id
      this.setData({
        number: this.data.number
      })
      this.loadNote()
    } else {
      this.loadProduct()
    }
    // wx.getStorage({
    //   key: 'number1',
    //   success (res) {
    //     _this.data.histotylist=res.data
    //    _this.data.number1 =_this.data.histotylist
    //     _this.setData({
    //       histotylist: _this.data.histotylist
    //     })

    //   }
    // })

    this.getHistory()
    _this.setNavSize();
    let screenwidth = ""
    wx.getSystemInfo({
      success: function (res) {
        console.log("5555555555555555555");
        console.log(res)
        screenwidth = res.screenWidth
      }
    })
    let transformation = 750 / screenwidth
    let com = wx.getMenuButtonBoundingClientRect();
    console.log("胶囊");
    console.log(com);
    this.data.searchwidth = (750 - 122) - (com.width * transformation) - ((screenwidth - com.right) * transformation) - 10
    this.data.searchheight = com.height
    this.data.settingheight = com.top
    this.data.asd = (this.data.settingheight - this.data.status) * transformation

    _this.setData({
      searchwidth: this.data.searchwidth,
      searchheight: this.data.searchheight,
      settingheight: this.data.settingheight,
      asd: this.data.asd
    })


  },
})